<%--
  Created by IntelliJ IDEA.
  User: ${USER}
  Date: ${DATE}
  Time: ${TIME}
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <base href="<%= basePath %>"/>
    <title>搜索页面</title>
    <base href="<%= basePath %>"/>
    <link href="<%= basePath %>/static/business/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="<%= basePath %>/static/business/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="<%= basePath %>/static/business/basic/css/demo.css" rel="stylesheet" type="text/css"/>

    <link href="<%= basePath %>/static/business/css/seastyle.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="<%= basePath %>/static/business/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<%= basePath %>/static/business/js/script.js"></script>
</head>

<body>

<div class="hmtop">
    <jsp:include page="head.jsp"/>
</div>
<b class="line"></b>
<div class="search">
    <div class="search-list">
        <div class="nav-table">
            <div class="long-title"><span class="all-goods">全部分类</span></div>
            <div class="nav-cont">
                <ul>
                    <li class="index"><a href="index/init">首页</a></li>
                    <li class="qc"><a>闪购</a></li>
                    <li class="qc"><a>限时抢</a></li>
                    <li class="qc"><a>团购</a></li>
                    <li class="qc last"><a>大包装</a></li>
                </ul>
                <div class="nav-extra">
                    <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
                    <i class="am-icon-angle-right" style="padding-left: 10px;"></i>
                </div>
            </div>
        </div>


        <div class="am-g am-g-fixed">
            <div class="am-u-sm-12 am-u-md-12">
                <div class="theme-popover">
                    <div class="searchAbout">
                        <span class="font-pale">相关搜索：</span>
                        <a title="坚果">坚果</a>
                        <a title="瓜子">瓜子</a>
                        <a title="鸡腿">豆干</a>

                    </div>
                    <ul class="select">
                        <p class="title font-normal">
                            <span class="fl">${keywords}</span>
                            <span class="total fl">搜索到<strong
                                    class="num">${fn:length(goodsList.list)}</strong>件相关商品</span>
                        </p>
                        <div class="clear"></div>
                        <li class="select-result">
                            <dl>
                                <dt>已选</dt>
                                <dd class="select-no"></dd>
                                <p class="eliminateCriteria">清除</p>
                            </dl>
                        </li>
                        <div class="clear"></div>
                        <li class="select-list">
                            <dl id="select1">
                                <dt class="am-badge am-round">品牌</dt>
                                <div class="dd-conent">
                                    <dd class="select-all selected"><a>全部</a></dd>
                                    <c:forEach var="brandObj" items="${brandList}" begin="0" end="5">
                                        <dd><a>${brandObj.brandName}</a></dd>
                                    </c:forEach>
                                </div>
                            </dl>
                        </li>
                        <li class="select-list">
                            <dl id="select2">
                                <dt class="am-badge am-round">种类</dt>
                                <div class="dd-conent">
                                    <dd class="select-all selected"><a>全部</a></dd>
                                    <c:forEach var="categoryObj" items="${categoryList}" begin="0" end="6">
                                        <dd><a>${categoryObj.categoryName}</a></dd>
                                    </c:forEach>

                                </div>
                            </dl>
                        </li>
                        <li class="select-list">
                            <dl id="select3">
                                <dt class="am-badge am-round">选购热点</dt>
                                <div class="dd-conent">
                                    <dd class="select-all selected"><a>全部</a></dd>
                                    <c:forEach items="${hotSaleList}" var="hotSaleObj">
                                        <dd><a>${hotSaleObj.categoryName}</a></dd>
                                    </c:forEach>
                                </div>
                            </dl>
                        </li>

                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="search-content">
                    <div class="sort">
                        <li class="first"><a title="综合">综合排序</a></li>
                        <li><a title="销量">销量排序</a></li>
                        <li><a title="价格">价格优先</a></li>
                        <li class="big"><a title="评价" href="#">评价为主</a></li>
                    </div>
                    <div class="clear"></div>

                    <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
                        <c:forEach var="goodsObj" items="${goodsList.list}">
                            <li>
                                <div class="i-pic limit" onclick="gotoDetail('${goodsObj.goodsId}');">
                                    <img src="<%= basePath %>static/${goodsObj.GPicture.get(0).thumbImg}"/>
                                    <p class="title fl">${goodsObj.goodsName}</p>
                                    <p class="price fl">
                                        <b>¥</b>
                                        <strong>${goodsObj.shopPrice}</strong>
                                    </p>
                                    <p class="number fl">
                                        销量<span>${goodsObj.GGoodsReport.countSales}</span>
                                    </p>
                                </div>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
                <div class="search-side">

                    <div class="side-title">
                        经典搭配
                    </div>

                    <li>
                        <div class="i-pic check">
                            <img src="<%= basePath %>/static/business/images/cp.jpg"/>
                            <p class="check-title">萨拉米 1+1小鸡腿</p>
                            <p class="price fl">
                                <b>¥</b>
                                <strong>29.90</strong>
                            </p>
                            <p class="number fl">
                                销量<span>1110</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="i-pic check">
                            <img src="<%= basePath %>/static/business/images/cp2.jpg"/>
                            <p class="check-title">ZEK 原味海苔</p>
                            <p class="price fl">
                                <b>¥</b>
                                <strong>8.90</strong>
                            </p>
                            <p class="number fl">
                                销量<span>1110</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="i-pic check">
                            <img src="<%= basePath %>/static/business/images/cp.jpg"/>
                            <p class="check-title">萨拉米 1+1小鸡腿</p>
                            <p class="price fl">
                                <b>¥</b>
                                <strong>29.90</strong>
                            </p>
                            <p class="number fl">
                                销量<span>1110</span>
                            </p>
                        </div>
                    </li>

                </div>
                <div class="clear"></div>
                <!--分页 -->
                <ul class="am-pagination am-pagination-right">
                    <c:if test="${!goodsList.isFirstPage}">
                        <li><a
                                href="goodsIndexApi/queryGoodsByParam/1?keywords=${keywords}&categoryId=${categoryId}">&laquo;</a>
                        </li>
                    </c:if>
                    <c:forEach var="num" items="${goodsList.navigatepageNums}">
                        <c:choose>
                            <c:when test="${num==goodsList.pageNum}">
                                <li class="am-active">
                                    <a href="goodsIndexApi/queryGoodsByParam/${num}?keywords=${keywords}&categoryId=${categoryId}">${num}</a>
                                </li>
                            </c:when>
                            <c:otherwise>
                                <li>
                                    <a href="goodsIndexApi/queryGoodsByParam/${num}?keywords=${keywords}&categoryId=${categoryId}">${num}</a>
                                </li>
                            </c:otherwise>
                        </c:choose>
                    </c:forEach>
                    <c:if test="${!goodsList.isLastPage}">
                        <li>
                            <a href="goodsIndexApi/queryGoodsByParam/${goodsList.pages}?keywords=${keywords}&categoryId=${categoryId}">&raquo;</a>
                        </li>
                    </c:if>
                </ul>

            </div>
        </div>
        <div class="footer">
            <div class="footer-hd">
                <p>
                    <a href="#">恒望科技</a>
                    <b>|</b>
                    <a href="#">商城首页</a>
                    <b>|</b>
                    <a href="#">支付宝</a>
                    <b>|</b>
                    <a href="#">物流</a>
                </p>
            </div>
            <div class="footer-bd">
                <p>
                    <a href="#">关于恒望</a>
                    <a href="#">合作伙伴</a>
                    <a href="#">联系我们</a>
                    <a href="#">网站地图</a>
                    <em>© 2015-2025 Hengwang.com 版权所有</em>
                </p>
            </div>
        </div>
    </div>

</div>

<!--引导 -->
<div class="navCir">
    <li><a href="home2.html"><i class="am-icon-home "></i>首页</a></li>
    <li><a href="sort.jsp"><i class="am-icon-list"></i>分类</a></li>
    <li><a href="shopcart.jsp"><i class="am-icon-shopping-basket"></i>购物车</a></li>
    <li><a href="<%= basePath %>/static/business/person/index.html"><i class="am-icon-user"></i>我的</a></li>
</div>

<!--菜单 -->
<div class=tip>
    <jsp:include page="tip.jsp"/>
</div>
<script>
    window.jQuery || document.write("&lt;script src='basic/js/jquery.min.js'>&lt;/script>");
</script>
<script type="text/javascript " src="<%= basePath %>/static/business/basic/js/quick_links.js "></script>

<div class="theme-popover-mask"></div>

</body>
<script>
    //商品详情
    function gotoDetail(goodsId) {
        location.href = "goodsIndexApi/queryGoodsDetail?goodsId=" + goodsId;
    }
</script>
</html>